<template>
    <div id="page-dialogs">
        <v-container grid-list-xl fluid>
            <v-layout row wrap>
                <v-flex lg4>
                    <div slot="widget-content">
                        <v-dialog v-model="dialogPaymentRecord" persistent max-width="900px">
                            <v-card>
                                <v-card-title>
                                    <v-flex xs9>
                                        <span class="headline">缴费记录</span>
                                    </v-flex>
                                    <v-flex xs1></v-flex>
                                    <v-flex xs1>
                                        <v-btn color="blue darken-1" flat @click="close">关闭</v-btn>
                                    </v-flex>
                                </v-card-title>
                                <v-divider></v-divider>
                                <v-flex xs12 sm6 md12>
                                    <v-card>
                                        <v-list>
                                            <v-list-tile v-for="item in items" :key="item.storeName">
                                                <v-list-tile-content>
                                                    <v-list-tile-time v-text="item.storeName"></v-list-tile-time>
                                                </v-list-tile-content>
                                                <v-list-tile-content>
                                                    <v-list-tile-time v-text="item.time"></v-list-tile-time>
                                                </v-list-tile-content>
                                                <v-list-tile-value>
                                                    <v-list-tile-fee class="title-value" v-text="item.fee"></v-list-tile-fee>
                                                </v-list-tile-value>
                                            </v-list-tile>
                                        </v-list>
                                    </v-card>
                                </v-flex>
                            </v-card>
                        </v-dialog>
                    </div>
                </v-flex>
            </v-layout>
        </v-container>
    </div>
</template>

<script>
import Pubsub from "pubsub-js";
export default {
  props: ["dialogPaymentRecord"],
  data() {
    return {
      items: [
        { storeName: "金凤呈祥", time: "2018-10-10 10：10：10", fee: "200元" },
        { storeName: "金凤呈祥", time: "2018-10-10 10：10：10", fee: "200元" },
        { storeName: "金凤呈祥", time: "2018-10-10 10：10：10", fee: "200元" },
        { storeName: "金凤呈祥", time: "2018-10-10 10：10：10", fee: "200元" },
        { storeName: "金凤呈祥", time: "2018-10-10 10：10：10", fee: "200元" },
      ]
    };
  },
  components: {},
  computed: {},
  methods: {
    close() {
      //发布消息
      Pubsub.publish("cancel");
    }
  }
};
</script>
<style>
</style>